/* 
    Document   : popup
    Created on : Apr 28, 2011, 11:46:04 AM
    Author     : NutMotion <simonotm.linux@gmail.com>
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*
root { 
    display: block;
}*/

body {
    /*these dimensions must be taken from the widest lab and from the highest lab*/
    /*currently, both dims are adjusted to fit the "biggest" lab "labJSONFeeds"*/
    width: 540px;
    height: 360px;    
}

/* TODO: check the vertical align again. I've been struggling with that one. even now, I'm' not sure it really is working as it should
current tips that I'm using is that provided by M.Haren @ http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css/489394#489394
*/
#header {   
    width: 100%;
    height:10%;
    text-align: center;   
    vertical-align: middle;
/*    display: table;*/
    /*    border:1px solid purple;*/
}


#headerImgTux {
    vertical-align: middle;
}

#headerInstructions {
/*    font-size: large;*/
    /*    font-weight: bold;*/
/*    font-style: italic;*/
    font-family: sans-serif;
    color: #5b6871;
}

#selectTest {
    font-family: sans-serif;
font-size: medium;    
}

#labFrame {
    width: 100%;  
    height:90%;
/*    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;*/
    padding:0px;
    margin:0px;
    border:0px; 
}